<div id="menubar_area{id}" role="tablist" class="mainmenu_layer_2">
    <div class="card mainmenu_layer_2">
        <div class="card-header" role="tab" id="heading{id}">
            <div class="menubar-menu-2">
                <a data-toggle="collapse" href="#collapse{id}" aria-expanded="false" aria-controls="collapse{id}">
                    <i class="fa fa-{icon}"></i> {name}
                    <span class="pull-right fa fa-lg"></span>
                </a>
            </div>
        </div>

        <div id="collapse{id}" class="collapse" role="tabpanel" aria-labelledby="heading{id}" data-parent="#menubar_area{id}">
            <div class="card-block">
                <div class="menubar-menu-3">
                    {main_menu3_define}
                </div>
            </div>
        </div>
    </div>
</div>
